<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="style/购物车样式.css" />
	</head>
	<body>
		<div id="box">
			<div class="nav">
				<div class="nav-left">
					<div class="nav-logo">
						<img src="imgs/小米logo.png">
					</div>
					<p class="p1">我的购物车</p>
					<p class="p2">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="javascript:;">登录</a></li>
						<li>|</li>
						<li><a href="javascript:;">注册</a></li>
					</ul>
				</div>
			</div>
			<div class="content">
				<div class="content-top">
					<div class="content-top1">
						<input type="checkbox" />
						<p class="p11">全选</p>
						<p class="p12">商品名称</p>
						<p class="p13">单价</p>
						<p class="p14">数量</p>
						<p class="p15">小计</p>
						<p class="p16">操作</p>
					</div>
					<div class="content-top2">
						<input type="checkbox" />
						<div class="goodsimg"><img src="imgs/眼镜.jpg"></div>
						<p>米家经典方框太阳镜 Pro 方框 渐变灰</p>
						<span class="span1">199元</span>
						<div class="number"><img src="imgs/数量.png"></div>
						<span class="span2">199元</span>
						<div class="delete"><img src="imgs/叉.png"></div>
					</div>
				</div>
				<div class="content-body">
					<ul>
						<li>继续购物</li>
						<li>|</li>
						<li>共<span>1</span>件商品，已选择<span>1</span>件</li>
					</ul>
					<p>合计：<span>199</span>元</p>
					<input type="button" value="去结算" />
				</div>
				<div class="content-foot">
					<h2><span>买购物车中商品的人还买了</span></h2>
					<div class="photo1"><img src="imgs/图1.png"></div>
					<div class="photo2"><img src="imgs/图2.png"></div>
					<div class="photo3"><img src="imgs/图3.png"></div>
					<div class="photo4"><img src="imgs/图4.png"></div>
					<div class="photo5"><img src="imgs/图5.png"></div>
					<div class="photo6"><img src="imgs/图6.png"></div>
					<div class="photo7"><img src="imgs/图7.png"></div>
					<div class="photo8"><img src="imgs/图8.png"></div>
					<div class="photo9"><img src="imgs/图9.png"></div>
					<div class="photo10"><img src="imgs/图10.png"></div>
				</div>
			</div>
			<div class="tfoot1">
				<div class="tfoot2">
					<ul class="ul4">
						<li class="li01">预约维修服务</li>
						<li class="li02">|</li>
						<li class="li03">7天无理由退货</li>
						<li class="li04">|</li>
						<li class="li05">15天免费换货</li>
						<li class="li06">|</li>
						<li class="li07">满150元包邮</li>
						<li class="li08">|</li>
						<li class="li09">520余家售后网点</li>
					</ul>
					<img src="imgs/维修.png" class="img101">
					<img src="imgs/7天.png" class="img102">
					<img src="imgs/15天.png" class="img103">
					<img src="imgs/礼物盒.png" class="img104">
					<img src="imgs/位置.png" class="img105">
					<p class="p1"></p>
					<ul class="ul5">
						<li class="li11">帮助中心</li>
						<li class="li12">账户管理</li>
						<li class="li13">购物指南</li>
						<li class="li14">订单操作</li>
					</ul>
					<ul class="ul6">
						<li class="li21">服务支持</li>
						<li class="li22">售后政策</li>
						<li class="li23">自助服务</li>
						<li class="li24">相关现在</li>
					</ul>
					<ul class="ul7">
						<li class="li31">线下门店</li>
						<li class="li32">小米之家</li>
						<li class="li33">服务网点</li>
						<li class="li34">授权体验店</li>
					</ul>
					<ul class="ul8">
						<li class="li41">关于小米</li>
						<li class="li42">了解小米</li>
						<li class="li43">加入小米</li>
						<li class="li44">投资者关系</li>
					</ul>
					<ul class="ul9">
						<li class="li51">关注我们</li>
						<li class="li52">新浪微博</li>
						<li class="li53">官方维修</li>
						<li class="li54">联系我们</li>
					</ul>
					<ul class="ul10">
						<li class="li61">特色服务</li>
						<li class="li62">F码通道</li>
						<li class="li63">礼物码</li>
						<li class="li64">防伪查询</li>
					</ul>
					<p class="p2"></p>
					<p class="p3">400-100-5678</p>
					<p class="p4">周一至周日 8:00-18:00</p>
					<p class="p5">（仅收市话费）</p>
					<!-- <input type="button" value="            人工客服        " class="button1"> -->
					<div class="button"><span>人工客服</span></div>
					<img src="imgs/消息.png" class="img111">
				</div>
			</div>
			<div class="div13">
				<div class="img"><img src="imgs/小米logo.png"></div>
				<p class="p11">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 |路由器 | 米粉卡 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 |
					廉正举报 | 诚信合规 | Select Location</p>
				<p class="p12">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 </p>
				<p class="p13">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告</p>
				<p class="p14">增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证</p>
				<p class="p15">违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
				<img src="imgs/底部.png" class="img121">
			</div>
		</div>
		</div>
		<script src="index.js"></script>
	</body>
</html>
